*
{
	margin:0;
	border:0;
}


.bulletbtn {
	color: #050505;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}


.bulletbtn:hover, .bulletbox_bullets .active {
	cursor: pointer;
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#b5b5b5 0%,
		#2e2e2e);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b5b5b5),
		to(#2e2e2e));
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 1px solid #FFF;
	-moz-box-shadow:
		0px 1px 3px rgba(028,023,028,0.5),
		inset 0px 0px 1px rgba(176,173,176,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(028,023,028,0.5),
		inset 0px 0px 1px rgba(176,173,176,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}




.bulletbox
{
	position: relative;
}

.bulletbox_cnt
{
	position:absolute;
	top:0;
}

.bulletbox_controls
{
	width: 100%;
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	position:absolute;
	bottom: 0;
	height:32px;
}

.bulletbox_bullets
{
	position: absolute;
	left:50%;
}

.bullet_item
{
	height: 10px;
	width: 10px;
	float: left;
	margin :10px;
}



